appDisplay: Add drop shadow to icons

The shadow is barely visible on dark backgrounds, but it's not
wrong to be consistent with Settings, Software and GNOME Classic.

https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/3123

diff --git a/js/ui/appDisplay.js b/js/ui/appDisplay.js
index c1fb1cb201c4c863326b8b5b195b5747d6cce8d0..daaf74693346b8553342b624cf8c8755baaa6a6f 100644 (file)
--- a/js/ui/appDisplay.js
+++ b/js/ui/appDisplay.js
@@ -1333,7 +1333,11 @@ var AppSearchProvider = class AppSearchProvider {
                 metas.push({
                     id: app.get_id(),
                     name: app.get_name(),
-                    createIcon: size => app.create_icon_texture(size),
+                    createIcon: size => {
+                        const icon = app.create_icon_texture(size);
+                        icon.add_style_class_name('icon-dropshadow');
+                        return icon;
+                    },
                 });
             } else {
                 let name = this._systemActions.getName(id);
@@ -2495,7 +2499,9 @@ var AppIcon = GObject.registerClass({
     }
 
     _createIcon(iconSize) {
-        return this.app.create_icon_texture(iconSize);
+        const icon = this.app.create_icon_texture(iconSize);
+        icon.add_style_class_name('icon-dropshadow');
+        return icon;
     }
 
     _removeMenuTimeout() {